<template>
  <div id="app">
    <!-- 头部topbar -->
    <Topbar></Topbar>
    <!-- 头部导航部分 -->
    <Header></Header>
    <!-- 内容区域 -->
    <router-view />
    <!-- 底部 -->
    <Footer></Footer>
    <!-- 登录 -->
    <Login v-show="isShowLoginModal"></Login>
  </div>
</template>

<script>
import Topbar from "@/components/Topbar";
import Header from "@/components/Header";
import Footer from "@/components/Footer";
import Login from "@/components/Login";
import {JingPinAPI,ReMenAPI} from "./request/api";
import {mapState} from "vuex"

export default {
  components: {
    Topbar,
    Header,
    Footer,
    Login,
  },
  computed: {
    ...mapState({
      isShowLoginModal: (state) => state.showModal.isShowLoginModal,
    }),
  },
  async created() {
    let res = await JingPinAPI();
    console.log("res",res);
        let res1 = await ReMenAPI();
    console.log("res",res1);
  },
};
</script>
<style lang="less"></style>
